﻿<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>UAUI</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="icon" type="image/png" href="../assets/img/icon/favicon.png">
<link href="../assets/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
<link href="../assets/css/animate.min.css" rel="stylesheet">
<link href="../assets/css/module.css" rel="stylesheet">
<script src="../assets/js/jquery-1.12.4.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/jquery.SuperSlide.js"></script>
</head>
<body>
<div id="top-bar">
    <div class="container">
        <div class="row">
			<div class="col-xs-12">
				<div class="user-panel pull-right">
					<a class="setHome" onClick="SetHome(this,'uaui')">设为首页</a> | <a class="addFav" href="javascript:AddFavorite('uaui','http://fzymfxy.oschina.io/uaui/preview/')">加入收藏</a>
				</div>
				<div class="welcome">本页为 bootstrap+superSlide+uaui 纯源码演示!</div>
			</div>
        </div>
    </div>
</div>
<header id="header">
    <div class="container">
		<div class="row">
			<div class="col-xs-12">
				<form class="form-inline pull-right">
					<div class="input-group">
						<input class="form-control" placeholder="请输入搜索关键字" type="text">
					</div>
					<button type="submit" class="btn btn-primary">搜索</button>
					</form>
				<h1 class="logo">LOGO <small>Subtext for header</small></h1>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<ul class="nav nav-pills nav-justified">
					<li class="active"><a href="#">网站首页</a></li>
					<li><a href="#">走进县市</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">新闻中心 <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">新闻动态</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="#">图片新闻</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="#">视频新闻</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="#">党政要闻</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="#">党风廉政</a></li>
						</ul>
					</li>
					<li><a href="#">政务公开</a></li>
					<li><a href="#">办事服务</a></li>
					<li><a href="#">政民互动</a></li>
					<li><a href="#">招商引资</a></li>
					<li><a href="#">文化旅游</a></li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<div class="focus focus-pic-title">
					<div class="focus-hd">
						<ul>
							<li class="li1" title="都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花">
								<div class="pic"><img src="../assets/img/p1.jpg"></div>
								<div class="title"><a>今天起一大批新规开始施行</a></div>
							</li>
							<li class="li2" title="都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花">
								<div class="pic"><img src="../assets/img/p2.jpg"></div>
								<div class="title"><a>今天起一大批新规开始施行</a></div>
							</li>
							<li class="li3" title="都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花">
								<div class="pic"><img src="../assets/img/p3.jpg"></div>
								<div class="title"><a>今天起一大批新规开始施行</a></div>
							</li>
							<li class="li4" title="都斛椰菜花">
								<div class="pic"><img src="../assets/img/p4.jpg"></div>
								<div class="title"><a>今天起一大批新规开始施行</a></div>
							</li>
						</ul>
					</div>
					<div class="focus-bd">
						<ul>
							<li>
								<div class="pic"><a href="#"><img src="../assets/img/banner1.jpg"></a></div>
								<div class="con">
									<div class="title"><a href="#">今天起一大批新规开始施行 全都和你息息相关！</a></div>
									<div class="bg"></div>
								</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="../assets/img/banner2.jpg"></a></div>
								<div class="con">
									<div class="title"><a href="#">索尼新专利：用手套控制虚拟现实设备</a></div>
									<div class="bg"></div>
								</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="../assets/img/banner3.jpg"></a></div>
								<div class="con">
									<div class="title"><a href="#">传特斯拉再挖苹果高管：或设计自主处理器</a></div>
									<div class="bg"></div>
								</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="../assets/img/banner4.jpg"></a></div>
								<div class="con">
									<div class="title"><a href="#">民营快递企业扎堆上市背后 行业痛点待解</a></div>
									<div class="bg"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
    </div>
</header> 
<section id="content-wrap" >
	<section class="row-news">
		<div class="container">
			<div class="row">
				<aside class="col-xs-4 pull-right">
					<div class="box">
						<div class="hd">
							<a href="#" class="more">更多>></a>
							<h3><span>标题</span></h3>
						</div>
						<div class="bd">
							<ul class="list">
								<li>
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>你的旅行，是什么颜色？ 晒照片，换北欧梦幻极光之旅！“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></div>
								</li>
								<li>
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>你的旅行，是什么颜色？ 晒照片，换北欧梦幻极光之旅！“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></div>
								</li>
								<li>
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>你的旅行，是什么颜色？ 晒照片，换北欧梦幻极光之旅！“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></div>
								</li>
								<li>
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>你的旅行，是什么颜色？ 晒照片，换北欧梦幻极光之旅！“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></div>
								</li>
								<li>
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>你的旅行，是什么颜色？ 晒照片，换北欧梦幻极光之旅！“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></div>
								</li>
								<li>
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>你的旅行，是什么颜色？ 晒照片，换北欧梦幻极光之旅！“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></div>
								</li>
							</ul>
						</div>
					</div>
				</aside>
				<section class="col-xs-8">
					<div class="row">
						<div class="col-xs-6">
							<div class="focus focus-icon">
								<div class="focus-hd">
									<ul>
										<li class="li1"><span>1</span></li>
										<li class="li2"><span>2</span></li>
										<li class="li3"><span>3</span></li>
										<li class="li4"><span>4</span></li>
									</ul>
								</div>
								<div class="focus-bd">
									<ul>
										<li>
											<div class="pic"><a href="#"><img src="../assets/img/p2.jpg"></a></div>
											<div class="con">
												<div class="title"><a href="#">都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花都斛椰菜花</a></div>
												<div class="bg"></div>
											</div>
										</li>
										<li>
											<div class="pic"><a href="#"><img src="../assets/img/p1.jpg"></a></div>
											<div class="con">
												<div class="title"><a href="#">微信提现今起开收手续费 每人1000元免费额度</a></div>
												<div class="bg"></div>
											</div>
										</li>
										<li>
											<div class="pic"><a href="#"><img src="../assets/img/p4.jpg"></a></div>
											<div class="con">
												<div class="title"><a href="#">组织师生党员参观八路军驻兰州办事处纪念馆</a></div>
												<div class="bg"></div>
											</div>
										</li>
										<li>
											<div class="pic"><a href="#"><img src="../assets/img/p3.jpg"></a></div>
											<div class="con">
												<div class="title"><a href="#">今天起一大批新规开始施行 全都和你息息相关！</a></div>
												<div class="bg"></div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-xs-6">
							<ul class="list list-intro">
								<li class="t t-1">
									<div class="con">
										<div class="title center"><h4><a href="">传今年新款iPhone配5.8英寸AMOLED屏及弧面玻璃屏</a></h4></div>
										<div class="intro">郭明錤表示，苹果选择玻璃材料是由于，这种材料易于制造为不同的形状，同时可以带来轻薄的设计。郭明錤表示，苹果选择玻璃材料是由于，这种材料易于制造为不同的形状，同时可以带来轻薄的设计... <a href="" class="more">[详细]</a></div>
									</div>
								</li>
								<li class="n">
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>郭明錤表示，苹果选择玻璃材料是由于，这种材料易于制造为不同的形状，同时可以带来轻薄的设计。郭明錤表示，苹果选择玻璃材料是由于，这种材料易于制造为不同的形状，同时可以带来轻薄的设计。</a></div>
								</li>
								<li class="n">
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>圆通董事长喻渭蛟：估值175亿争快递第一股</a></div>
								</li>
								<li class="n">
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>圆通董事长喻渭蛟：估值175亿争快递第一股</a></div>
								</li>
								<li class="n">
									<span class="date">09-18</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>圆通董事长喻渭蛟：估值175亿争快递第一股</a></div>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</div>
		</div>
	</section>
	<section class="row-government">
		<div class="container">
			<div class="row">
				<div class="col-xs-4 pull-right">
					<div class="box">
						<div class="hd">
							<h3><span>信息公开目录</span></h3>
						</div>
						<div class="bd">
							<ul class="nav nav-pills nav-stacked">
								<li class="active"><a title="市政府信息公开指南">市政府信息公开指南</a></li>
								<li><a title="市政府信息公开目录">市政府信息公开目录</a></li>
								<li><a title="市政府信息公开年报">市政府信息公开年报</a></li>
								<li><a title="信息公开制度与保障">信息公开制度与保障</a></li>
								<li><a title="政府信息依申请公开">政府信息依申请公开</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xs-8">
					<div class="box">
						<div class="hd">
							<ul>
								<li><a>政策解读</a></li>
								<li><a>政府规章</a></li>
								<li><a>市政府文件</a></li>
								<li><a>市府办公厅文件</a></li>
							</ul>
						</div>
						<div class="bd">
							<ul class="list">
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>温国辉：明确目标任务解决重点问题 推动空气质量进一步改善</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>古海岸遗址见证广州海陆变迁</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>“广州对话《财富》世界500强”推介会今日在台北举行</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>广州接棒印尼巴厘岛举办2019年世界港口大会</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>广州将推动亚投行或丝路基金在南沙自贸区设分支机构</a></div>
								</li>
							</ul>
							<ul class="list">
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>刘奇葆在广东调研时强调 推动文化与科技深度融合</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>胡春华主持召开省委常委会议</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>胡春华会见四川凉山州委书记林书成</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>胡春华马兴瑞会见出席广东院士高峰年会的院士代表</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>粤出席党第十九次全国代表大会代表候选人初步人选名单</a></div>
								</li>
							</ul>
							<ul class="list">
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>增城区：国家工商总局到增城区调研地理标志商标工作</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>番禺区：我区举办纪念“5·12”国际护士节大会</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>越秀区：常务副区长赖志鸿到东山街开展经济调研工作（图）</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>海珠区：李海洲同志召开会议专题学习《党政主要负责人履行推进法治建设第一责任人职责规定》、《广州市依法行政条例》</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>南沙区：滚滚热浪挡不住南沙暖企热情</a></div>
								</li>
							</ul>
							<ul class="list">
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>市来穗人员服务管理局：番禺区沙湾镇多措施构建平安出租屋</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>市文化广电新闻出版局：广州2017年国际博物馆日举办系列丰富活动</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>市民族宗教事务局：市纪委派驻市委统战部纪检组组长李长信带队到清真先贤古墓调研</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>市住房和城乡建设委员会：棠苑物业公司在棠德花苑保障房小区开展“学雷锋行动月”活动</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>市食品药品监督管理局：市食品药品监管局多措并举 严查严管 着力保障水产品质量安全</a></div>
								</li>
							</ul>
						</div>
						<div class="fd">
							<span class="btn btn-lg btn-default">按钮</span>
							<span class="btn btn-lg btn-primary">按钮</span>
							<span class="btn btn-lg btn-success">按钮</span>
							<span class="btn btn-lg btn-info">按钮</span>
							<span class="btn btn-lg btn-warning">按钮</span>
							<span class="btn btn-lg btn-danger">按钮</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="row-service-hall">
		<div class="container">
			<div class="row">
				<div class="col-xs-4 pull-right">
					<div class="box">
						<div class="hd">
							<a class="more">更多>></a>
							<h3><span>办事指南</span></h3>
						</div>
						<div class="bd">
							<ul class="list">
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>温国辉：明确目标任务解决重点问题 推动空气质量进一步改善</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>古海岸遗址见证广州海陆变迁</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>“广州对话《财富》世界500强”推介会今日在台北举行</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>广州接棒印尼巴厘岛举办2019年世界港口大会</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-spot"></i>广州将推动亚投行或丝路基金在南沙自贸区设分支机构</a></div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xs-8">
					<div class="box">
						<div class="hd">
							<ul>
								<li><a>个人办事</a></li>
								<li><a>企业办事</a></li>
								<li><a>部门办事</a></li>
							</ul>
						</div>
						<div class="bd">
							<ul class="nav nav-pills">
								<li><a><i class="icons"></i> 生育教养</a></li>
								<li class="active"><a><i class="icons"></i> 户籍</a></li>
								<li><a><i class="icons icons-arrow"></i> 文化体育</a></li>
								<li><a><i class="icons icons-arrow"></i> 医疗</a></li>
								<li><a><i class="icons icons-arrow"></i> 出入境</a></li>
							</ul>
							<ul class="nav nav-pills text-center">
								<li><a><i class="icons icons-arrow"></i> 设立变更</a></li>
								<li><a><i class="icons icons-arrow"></i> 年检年审</a></li>
								<li><a><i class="icons icons-arrow"></i> 财务税务</a></li>
								<li><a><i class="icons icons-arrow"></i> 准营准办</a></li>
								<li><a><i class="icons icons-arrow"></i> 立项审批</a></li>
							</ul>
							<ul class="nav nav-pills nav-stacked">
								<li><a>兰花区教育局</a></li>
								<li><a>菊花区教育局</a></li>
								<li><a>兰花区财政局</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="row-interaction">
		<div class="container">
			<div class="row">
				<div class="col-xs-4 pull-right">
					<div class="box">
						<div class="hd">
							<a class="more">更多>></a>
							<h3><span>民意征集</span></h3>
						</div>
						<div class="bd">
							<ul class="list list-multi">
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-status"></i>温国辉：明确目标任务解决重点问题 推动空气质量进一步改善</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-status"></i>古海岸遗址见证广州海陆变迁</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-status"></i>“广州对话《财富》世界500强”推介会今日在台北举行</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-status"></i>广州接棒印尼巴厘岛举办2019年世界港口大会</a></div>
								</li>
								<li>
									<span class="date">05-15</span>
									<div class="title"><a href="#"><i class="icons icons-status"></i>广州将推动亚投行或丝路基金在南沙自贸区设分支机构</a></div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-xs-8">
					<div class="box">
						<div class="hd">
							<div class="btn btn-xs pull-right"><a><i class="icons icons-write-msg"></i>给领导写信</a></div>
							<h3><a title="领导信箱">领导信箱</a></h3>
						</div>
						<div class="bd">
							<table class="list list-hover list-letter" width="100%">
								<tbody>
									<tr>
										<th class="num">编号</th>
										<th class="ico">&nbsp;</th>
										<th class="title">信件主题</th>
										<th class="dep">提交人</th>
										<th class="state">办理方式</th>
										<th class="time">信件日期</th>
									</tr>
									<tr>
										<td class="num">1</td>
										<td class="ico">
											<i class="icons icons-msg"></i>
										</td>
										<td class="title">
											<a href="#" title="测试-中共中央办公厅 国务院办公厅印发《关于划定并严守生态保护红线的若干意见》">测试-中共中央办公厅 国务院办公厅印发《关于划定并严守生态保护红线的若干意见》中共中央办公厅 国务院办公厅印发《关于划定并严守生态保护红线的若干意见》</a>
										</td>
										<td class="dep">测试昵称</td>
										<td class="state">
											<span class="s0">待办理</span>
										</td>
										<td class="time">05-05</td>
									</tr>
									<tr class="even">
										<td class="num">2</td>
										<td class="ico">
											<i class="icons icons-msg"></i>
										</td>
										<td class="title">
											<a href="#" title="农村老屋翻盖有补贴吗">农村老屋翻盖有补贴吗</a>
										</td>
										<td class="dep">张三</td>
										<td class="state">
											<span class="s3">已办理</span>
										</td>
										<td class="time">05-04</td>
									</tr>
									<tr>
										<td class="num">1</td>
										<td class="ico">
											<i class="icons icons-msg"></i>
										</td>
										<td class="title">
											<a href="#" title="测试-中共中央办公厅 国务院办公厅印发《关于划定并严守生态保护红线的若干意见》">测试-中共中央办公厅 国务院办公厅印发《关于划定并严守生态保护红线的若干意见》中共中央办公厅 国务院办公厅印发《关于划定并严守生态保护红线的若干意见》</a>
										</td>
										<td class="dep">测试昵称</td>
										<td class="state">
											<span class="s0">待办理</span>
										</td>
										<td class="time">05-05</td>
									</tr>
									<tr class="even">
										<td class="num">2</td>
										<td class="ico">
											<i class="icons icons-msg"></i>
										</td>
										<td class="title">
											<a href="#" title="农村老屋翻盖有补贴吗">农村老屋翻盖有补贴吗</a>
										</td>
										<td class="dep">张三</td>
										<td class="state">
											<span class="s3">已办理</span>
										</td>
										<td class="time">05-04</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="row-pic">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="box">
						<div class="hd">
							<a class="more">更多>></a>
							<h3><span>图片新闻</span></h3>
						</div>
						<div class="bd">
							<ul class="list list-shadow list-pic">
								<li>
									<div class="pic"><a href="#"><img alt="我很囧，你保重....晒晒旅行中的那些囧！" src="../assets/img/p1.jpg"></a></div>
									<div class="title"><a href="">谷歌Facebook空中互联网计划遇阻领空不让飞不让飞不让飞不让飞不让飞</a></div>
								</li>
								<li>
									<div class="pic"><a href="#"><img alt="我很囧，你保重....晒晒旅行中的那些囧！" src="../assets/img/p2.jpg"></a></div>
									<div class="title"><a href="">传谷歌将在Android手机中整合增强现实功能</a></div>
								</li>
								<li>
									<div class="pic"><a href="#"><img alt="我很囧，你保重....晒晒旅行中的那些囧！" src="../assets/img/p4.jpg"></a></div>
									<div class="title"><a href="">连续创业后的雕爷：梦想改变世界</a></div>
								</li>
								<li>
									<div class="pic"><a href="#"><img alt="我很囧，你保重....晒晒旅行中的那些囧！" src="../assets/img/p3.jpg"></a></div>
									<div class="title"><a href="">机器人专家：无人驾驶汽车尚未做好普及准备</a></div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</section>
<footer id="footer">
    <div class="container">
        <div class="row">
			<div class="col-xs-12">
				<div class="footer-nav text-center">
					<a>网站地图</a>
					<a>版权信息</a>
					<a>使用帮助</a>
					<a>联系我们</a>
				</div>
				<div class="copy text-center">
				&copy; <script>var myDate = new Date();var str = myDate.getFullYear();document.write(str)</script> UAUI 版权所有
				</div>
			</div>
		</div>
    </div>
</footer>
</body>
</html>
<!-- 内容页引用样式 -->
<script src="../assets/js/font-zoom.js"></script>
<script type="text/javascript">
	jQuery(".focus").slide({titCell:".focus-hd li",mainCell:".focus-bd ul",effect:"left",vis:"auto",autoPlay:true});
	jQuery(".box").slide({delayTime: 0,startFun: function (i, c, s, t) { s.find(".more").attr("href", t.eq(i).find("a").attr("href")) }});
</script>
